<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* p{
            width: 10px;
           
            border-top: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 10px solid skyblue;

        } */
        /* .box{
            margin-top: 100px;
            text-align: center;
        }
        .box a{
                 display: inline-block;
                 width: 20px;
                 height: 20px;
                 text-decoration: none;
                 color: rgba(0, 0, 0, .3);
                 line-height: 20px;
                 border: 1px solid #ccc;
                 text-align: center;
        }
        .box a:hover{
            border: none;
        } */
        /* p{
            width: 0;
            height: 0;
            border-top: 100px solid transparent;
            border-left: 0px solid rgba(136, 255, 0, 0.808);
            border-right: 50px solid blue;
            border-bottom: 0px solid skyblue;
        } */
        .price {
            width: 160px;
            height: 24px;
            margin: 100px auto;
            border: 1px solid #ccc;
            line-height: 24px;
            font-size: 14px;
        }
        .miaosha{
            position: relative;
            float: left;
            width: 90px;
            height: 100%;
            background-color: red;
            text-align: center;
        }
        .price i{
            position: absolute;
            right: 0;
            top: 0;
            width: 0;
            height: 0;
            border-color: transparent  #fff  transparent  transparent;
            border-style: solid;
            border-width: 24px 10px 0 0;
        }
        .orgin{
            text-decoration: line-through;
            color: #ccc;
        }
    </style>
</head>

<body>
    <div class="price">
        <span class="miaosha">$1200<i></i></span>
        
        <span class="orgin">$2000</span>
    </div>
    <!-- <div class="box">
       <a href="#">1</a>
       <a href="#">1</a>
       <a href="#">1</a>
       <a href="#">1</a>
       <a href="#">1</a>
       <a href="#">1</a>
       <a href="#">1</a>
   </div> -->
    <!-- <p></p> -->
    <script>

        // var obj   = {
        //     name:'zs',
        //     age:12,
        //     sin:function(){
        //         console.log(1);

        //     }
        // }
        // for(key in obj){
        //     console.log(obj.key);

        // }
        // var c = new Date(2019,10,5)
        // console.log(c);
        // function c (time){
        //     var t = +new Date();
        //     var t_1 =+new Date(time);
        //     var m = (t_1-t)/1000;
        //     var d = parseInt(m/60/60/24)
        //     var h = parseInt(m/60/60%24)
        //     var m_1 = parseInt(m/60%60)
        //     var s = parseInt(m%60)
        //     return '剩下'+d+'天'+h+'小时'+m_1+'分'+s+'秒';
        // }
        // console.log( c('2020-10-8 18:00:00'));


    </script>
</body>

</html>